iT邦幫忙

2022 iThome 鐵人賽

DAY 24
0
Modern Web

自己工具,自己 React - React學習系列 第 24

【D24】 淺談:製作檢查功能時發生的 render 問題

  • 分享至 

  • xImage
  •  

昨日的作業中,發現可以在 console 中顯示結果,但是無法在畫面顯示檢查結果。

嘗試了幾個方法,仍無法讓 React 正常的轉譯(Render)我的訊息。儘管已經使用 setState 並且取得其中的值也是正確的,但是他卻無法順利的轉譯在 lable 內({result}{ckDigitResult})。這應該也是如同之前 【D15】 小工具:溫度換算(part 2) 遇到的問題相同, setState 並沒有即時顯示出來,應該又用別的方法顯示。

可以改用 useEffect 來進行轉譯,但是卻無法正常顯示,不過根據 【D15】 小工具:溫度換算(part 2) 應該可以順利地使其顯示,接著就從這邊發展吧!/images/emoticon/emoticon06.gif


後記

想不到又卡關,又是顯示的問題,接著再繼續解這個部分吧!

後記2

問題解決了,應該是因為 bool 無法顯示在畫面,需轉成文字。所以 useEffect 這邊先不實作。


上一篇
【D23】 小工具:身分證製造機(part 4)-製作檢查頁面,增加檢查碼功能
下一篇
【D25】 小工具:身分證製造機(part 5)-製作身分證製造機產生頁面
系列文
自己工具,自己 React - React學習30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言